import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import CategoryPage from './CategoryPage';
import { ErrorPage } from './ErrorPage';
import HomePage from './HomePage';
import Navibar from './Navibar';
import PostPage from './PostPage';

function App() {
  return <div style={{
    height: '100vh', width: '100vw', backgroundColor: '#dedede', overflowY: 'scroll', overflowX: 'hidden'
  }}>

      <Navibar />
      <Routes>
        <Route path='/' element={HomePage()}></Route>
        <Route path='/post/:path' element={PostPage()}></Route>
        <Route path='/cate/:path' element={CategoryPage()}></Route>
        <Route path='*' element={ErrorPage()}></Route>
      </Routes>
      <div>This is the bottom bar</div>
  </div>;
}

export default App;
